let $imgBox = $(".imgBox"),
  $img = $imgBox.children('img'),
    $window = $(window)

$window.on('load  scroll', function () {
  if($img.attr('isLoad') === 'true') return
      let $A = $imgBox.outerHeight() + $imgBox.offset().top,
        $B = $window.outerHeight() + $window.scrollTop()
      
      if ($A <= $B) {
        $img.attr('src', $img.attr('data-img'))
        $img.on('load', function () {
          // $img.css('display','block')
          $img.stop().fadeIn()
        })
        $img.attr('isLoad','true')
    }


    })